*{
	margin: 0;
	padding:0;
}
ul{
	list-style: none;
}
.cf:after{
	content: "";
	display: table;
	clear: both;
}
img {
	vertical-align: middle;
}
/*..........*/
.top{
	width:1200px;
	height:103px;
	margin:25px auto 0;
	
}
.first{
	width:1200px;
	height:43px;	
	position: relative;
}
.left{
	width:620px;
	height:43px;	
	float: left;
}
.left1{
	width:234px;
	height:43px;
	border-right:2px solid #dcdcdc;
	color:#ff5842;
	font:32px "[OpenSans]" ;
	line-height: 43px;
	letter-spacing: 3px;
	font-style: normal;
	float: left;
}
/*字体问题*/
.left2{
	color:#b8b8b8;
	font:12px "[OpenSans]" ;
	font-style: normal;
	margin: 10px 0 0 20px;
	float: left;
}
.right{
	width:580px;
	height:43px;	
	position: absolute;
	right:0;
}
.search{
	width:312px;
	height:39px;	
	border: :1px solid #dcdcdc;
	color:#dcdcdc;
	font:16px "#[QuicksandLight]";
	text-indent: 13px;
	margin-left: 220px;
}
.bg{
	width:44px;
	height:43px;	
	background: #ff5842 url(../img/icon.search.png) no-repeat ;
	border:0 transparent;
	position: absolute;
	right:0;
}

.second{
	width:1200px;
	height:60px;
}
.nav{
	width:980px;
	height:60px;
	float: left;
	margin-left:-25px ;
}
.nav li{
	width:102px;
	height:60px;
	float: left;	
	margin-right: -12px;
	margin-left: 25px;
}
.nav li a{
	color:#686868;
	font:20px "#[QuicksandLight]";
	line-height: 60px;
	/*text-align: center;*/
	display: block;
	text-decoration: none;
}
.nav li a:hover{
	color:#ffb2ab;	
}
.second-right{
	width:117px;
	height:28px;
	text-decoration: none;
	color:#fff;
	float: right;	
	margin-top: 20px;
}
.second-right a{
	text-decoration: none;
	color:#fff;
	display: block;
	background:  #ff5842;
}
.second-right a:hover{
	background: #a1a1a1;
}
.origin{
	width:63px;
	height:28px;
	font:14px "[OpenSans]";
	color:#fff;
	line-height: 28px;
	text-align: center;
	background: #ff5842;
	float: left;	
	
}
.gray{
	width:52px;
	height:28px;
	font:14px "[OpenSans]";
	color:#fff;
	line-height: 28px;
	text-align: center;
	background: #a1a1a1;
	margin-left: 2px;
	float: left;		
}
.third{
	height: 35px;
	background: #ff4d3a;
	border:2px solid #f7463b;
}
.narbar{
	width:1200px;
	height: 35px;
	margin: 0 auto;
}
.narer{
	width:865px;
	height: 35px;
}
.narer li{
	width:122px;
	height: 35px;
	float: left;
	border-right:1px solid #f7463b;
}
.narer li a{
	color:#fff;
	font:14px "[OpenSans]";
	line-height: 35px;
	text-align: center;
	display: block;
	text-decoration: none;
}
.narer li:hover{
	background: #f7463b;
}
.forth{
	width:1200px;
	height: 336px;
	margin: 10px auto 0;
}
.forth-one{
	height: 45px;
	margin: 0 auto;
}
.forth-one-left{
	width:250px;
	height: 45px;
	float: left;
}
.star{
	color:#686868;
	font:18px "#[QuicksandLight]";
	background: url(../img/3.png) no-repeat 2px 6px;
	line-height: 45px;
	text-indent: 40px;
}
.forth-one-right{
	width:103px;
	height: 45px;
	float: right;
	margin-right: -8px;
}
.forth-one-right li{
	width:45px;
	height: 45px;
	float: left;
	line-height: 45px;
	margin:3px 0 0 1px ;
	background: #f5f5f5;
	display: block;
}
.forth-one-right li:hover{
	background: #eeeeee;
	cursor: pointer;
}
.forth-two{
	width:1200px;
	height:272px;
	margin-top:15px;
}
.forth-two-1{
	float: left;
	width:380px;
	height:268px;
	border:1px solid #bcbcbc;
	margin-right: 25px;
}
.forth-two-1 .f-img img{
	width:380px;
	height:175px;
}
.forth-two-1 .f-info{
	width:365px;
	height:74px;
	border-bottom: 3px solid #FF4D3A;
	margin-top: 18px;
	padding-left: 15px;
}
.forth-two-1 .f-info-1{
	color:#686868;
	font:15px "#[QuicksandLight]";
}
.forth-two-1 .f-info-2{
	color:#bfbfbf;
	font:12px "#[QuicksandLight]";
	margin-top: 8px;
}
.forth-two-1 .f-info-2 span{
	color: #FF5842;
}
/*第三个*/
.forth-two-3{
	float: right;
	width:380px;
	height:268px;
	border:1px solid #bcbcbc;
	/*margin-right: 28px;*/
}
.forth-two-3 .f-img img{
	width:380px;
	height:175px;
}
.forth-two-3 .f-info{
	width:365px;
	height:74px;
	border-bottom: 3px solid #FF4D3A;
	margin-top: 18px;
	padding-left: 15px;
}
.forth-two-3 .f-info-1{
	color:#686868;
	font:15px "#[QuicksandLight]";
}
.forth-two-3 .f-info-2{
	color:#bfbfbf;
	font:12px "#[QuicksandLight]";
	margin-top: 8px;
}
.forth-two-3 .f-info-2 span{
	color: #FF5842;
}
/*第五行*/
.fifth{
	width:1200px;
	height:2507px;
	margin:0 auto;
}
/*左边内容*/
.fifth-left{
	width:888px;
	height:2507px;
	float: left;
}
.hot{
	width:888px;
	height:465px;
	margin-bottom: 6px;
}
.hot-info{
	width:888px;
	height:45px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	background: url(../img/6.png) no-repeat 2px 6px;
	line-height: 45px;
	text-indent: 42px;
}
.hot-img{
	width:888px;
	height:406px;
	border-bottom:3px solid #FF5842;
	position: relative;
}
.hot-img img{
	width:888px;
	height:406px;
}
.info-again{
	width:455px;
	height:90px;
	background: #000;
	padding-left: 10px;
	position: absolute;
	left:12px;
	bottom:10px;
}
.big-info{
	height:20px;
	color:#fff;
	font:15px "#[QuicksandLight]";
	padding-top:5px;
}
.small-info{
	height:50px;
	color:#a6a6a6;
	font:12px "#[QuicksandLight]";
	margin-top:10px ;
}
.fangxiang{
	width:62px;
	height:32px;
	position: absolute;
	right:12px;
	bottom:10px;
}
.fangxiang li{
	float: left;
	background: #000;
	margin-left: 1px;
	opacity: 0.8;
}
.fangxiang img{
	width:30px;
	height:32px;	
}
.Enter{
	width:888px;
	height:436px;	
}
.title{
	float: left;
	width:888px;
	height:50px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 50px;
	text-indent: 42px;
	background: url(../img/27.png) no-repeat 2px 6px;
}
/*Enter左边*/
.Enter-info{
	width:888px;
	height:425px;
}
/*左边第一列*/
.Enter-info-left{
	width:434px;
	height:372px;
	border:1px solid #ececec;
	position: relative;
	float: left;
	
}
.Enter-img img{
	width:435px;
	height:175px;
}
.sticky img{
	width:70px;
	height:72px;
	position: absolute;
	top:-1px;
	left:0px;
}
.e-info{
	width:380px;
	height:74px;
	border-bottom: 1px solid #ececec;
	margin: 10px auto;
}
.e-info-1{
	color:#686868;
	font:15px "#[QuicksandLight]";
}
.e-info-2{
	color:#bfbfbf;
	font:12px "#[QuicksandLight]";
	margin-top: 8px;
}
.e-info-2 span{
	color: #FF5842;
}
.e-bottom{
	width:434px;
	height:100px;
	border-bottom:3px solid #ff2100;
}
.e-b-info{
	color:#bfbfbf;
	font:12px "#[QuicksandLight]";
	margin-top: 8px;
	padding-left: 27px;
	letter-spacing: 0.5px;
}	
.e-b-info span{
	color: #FF5842;
}
/*右边公用*/
.Enter-info-right{
	width:452px;
	height:372px;
	float: right;	
}
/*右边 第一行*/
.r-top1{
	width:217px;
	height:181px;
	border: 1px solid #ececec;
	float: left;
	margin-left: 7px;
	margin-bottom: 8px;
}
.r-top1 img{
	width:217px;
	height:96px;
}
.r-info{
	width:216px;
	height:90px;
	margin: 3px auto;
	padding-left:3px;
}
.r-info-1{
	color:#686868;
	font:14px "#[QuicksandLight]";
}
.r-info-2{
	color:#bfbfbf;
	font:11px "#[QuicksandLight]";
	margin-top: 3px;
}
.r-info-2 span{
	color: #FF5842;
}
.r-info img{
	width:12px;
	height:12px;
	margin-top: -3px;
}
/*第三个 Technology*/
.Technology{
	width:888px;
	height:635px;
}
/*第三个 第二行*/
.Tech-2{
	width:888px;
	height:302px;
}
.Tech-info{
	width:437px;
	height:250px;
	border:1px solid #ececec;
	float: left;
	margin-right:5px ;
}
.Tech-info-1{
	width:437px;
	height:250px;
	border:1px solid #ececec;
	float: right;
}
.Tech-info img{
	width:438px;
	height:180px;
}
.Tech-info-1 img{
	width:438px;
	height:180px;
}
/*左边*/
.t-info{
	width:437px;
	height:65px;
	margin: 8px auto;
	padding-left:10px;
	
}
.t-info-1{
	color:#686868;
	font:14px "#[QuicksandLight]";
}
.t-info-2{
	color:#bfbfbf;
	font:11px "#[QuicksandLight]";
	margin-top: 3px;
}
.t-info-2 span{
	color: #FF5842;
}
.t-info img{
	width:12px;
	height:12px;
	margin-top: -3px;
}
/*第三行*/
.Tech-3{
	width:888px;
	height:310px;
	margin-top: 12px;
}
.Tech-one{
	width:286px;
	height:312px;
	border:1px solid #ececec;
	float: left;
	margin-right: 11px;
}
.Tech-two{
	width:286px;
	height:312px;
	border:1px solid #ececec;
	float: right;
}
.Tech-one img{
	width:286px;
	height:130px;
}
.Tech-two img{
	width:286px;
	height:130px;
}
.te-info{
	width:266px;
	height:76px;
	margin: 8px auto;
	padding-left:3px;
	border-bottom:1px solid #ececec;
	
}
.te-info-1{
	color:#686868;
	font:13px "#[QuicksandLight]";
}
.te-info-2{
	color:#bfbfbf;
	font:10px "#[QuicksandLight]";
	/*margin-top: 2px;*/
}
.te-info-2 span{
	color: #FF5842;
}
.te-info img{
	width:12px;
	height:12px;
	margin-top: -10px;
}
.t-bottom{
	width:236px;
	height:95px;
}
.t-b-info{
	color:#bfbfbf;
	font:12px "#[QuicksandLight]";
	margin-top: 8px;
	padding-left:14px;
}	
.t-b-info span{
	color: #FF5842;
}
/*第四个 Environment*/
/*第一行箭头*/

.Environment{
	width:888px;
	height:968px;
	margin-top: -5px;
}
.Environ{
	width:888px;
	height:45px;
}
.Environ-title{
	float: left;
	width:150px;
	height:45px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 45px;
	text-indent: 42px;
	background: url(../img/27.png) no-repeat 2px 6px;
}
.jiantou{
	width:100px;
	height: 45px;
	float: right;
	margin-right: -8px;
}
.jiantou li{
	width:45px;
	height: 45px;
	float: left;
	line-height: 45px;
	margin:3px 0 0 1px ;
	background: #eeeeee;
	cursor: pointer;
}
.Environ-img{
	width:887px;
	height: 464px;
	margin-top: 10px;
	border: 1px solid #ececec;
}
.Environ-img img{
	width:887px;
	height: 310px;
}
/*第二行大图片*/
.o-info{
	width:864px;
	height:58px;
	margin: 8px auto;
	padding-left:3px;
	border-bottom:1px solid #ececec;
	
}
.o-info-1{
	color:#686868;
	font:15px "#[QuicksandLight]";
}
.o-info-2{
	color:#bfbfbf;
	font:10px "#[QuicksandLight]";
	/*margin-top: 2px;*/
}
.o-info-2 span{
	color: #FF5842;
}
.o-info img{
	width:12px;
	height:12px;
	margin-top: -10px;
}
.o-bottom{
	width:888px;
	height:66px;
}
.o-b-info{
	color:#bfbfbf;
	font:12px "#[QuicksandLight]";
	margin-top: 8px;
	padding-left:14px;
}	
.o-b-info span{
	color: #FF5842;
}
/*8个小的*/
.eight-s{
	width:888px;
	height:330px;
	margin-top: 5px;
}
.eight-left{
	width:440px;
	height:100px;
	float: left;
}
.eight-right{
	width:440px;
	height:100px;
	float: right;
}
/*第一个*/
.o{
	width:440px;
	height:100px;
	border-bottom: 1px solid #ECECEC;
	margin-top: 9px;
}
/*小的公用 图片，字体 颜色*/
.impg img{
	width:90px;
	height:90px;
	float:left;
}
.part{
	width:320px;
	height:90px;
	float:left;
	margin-left: 10px;
}
.part1{
	color:#686868;
	font:15px "#[QuicksandLight]";
}
.part2{
	color:#bfbfbf;
	font:10px "#[QuicksandLight]";
	margin-top: 6px;
}
.part2 span{
	color: #FF5842;
}
/*右边内容*/
.fifth-right{
	width:300px;
	height:2300px;
	float: right;
}

.fifth-right .tt{ 
	width:300px;
	height:44px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 44px;
	text-indent: 42px;
	background: url(../img/7.png) no-repeat 2px 6px;
}
.imgss{
	width:300px;
	height:158px;
	margin-top:-5px ;
}
.imgss li{
	float: left;
	width:45px;
	height:45px;
	cursor: pointer;
	margin: 5px 0 0 5px;
}
.fifth-right .tt1{ 
	width:300px;
	height:44px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 44px;
	text-indent: 42px;
	background: url(../img/25.png) no-repeat 2px 6px;
	margin-top: 8px;
}
.choise{
	width:300px;
	height:158px;
	margin-top: 8px;
}
.choise li{
	float: left;
	width:148px;
	height:38px;
	cursor: pointer;
	margin: 2px 0 0 2px;
	background: #f6f6f6;
	text-align: center;
}
.choise li a{
	width:148px;
	height:38px;
	color:#d5d5d5;
	font:14px "#[QuicksandLight]";
	line-height: 38px;
	text-decoration: none;
}
.choise li a:hover{
	background: #ff5549;
	display: block;
	color:#fff;
}
.fifth-right .tt2{ 
	width:300px;
	height:44px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 44px;
	text-indent: 42px;
	background: url(../img/26.png) no-repeat 2px 6px;
	margin-top: 8px;
}
.adver-img img{
	width:300px;
	height:245px;
	margin-top: 8px;
}
.adv-nar{
	width:300px;
	height:602px;
	border:1px solid #ececec;
	margin-top: 15px;
}
.pop{
	width:300px;
	height:45px;
	background: #ff5549;
	border-top:3px solid #f7463b;
	cursor: pointer;
}
.pop li{
	width:99px;
	height:45px;
	border-right:1px solid #f7463b;
	float: left;
	text-align: center;
}
.pop li a{
	color:#fff;
	font:14px "#[QuicksandLight]";
	line-height: 45px;
	text-decoration: none;
}
.pop li a:hover{
	background: #f7463b;
	display: block;
}
/*list*/
.pop-list{
	width:290px;
	height:540px;
	margin: 8px auto;
	padding-left:6px;
}
.pop-info{
	width:286px;
	height:100px;
	border-bottom: 1px solid #ececec;
	margin-top: 10px;
}
.pop-info img{
	width:90px;
	height:90px;
	float: left;	
}

.p-info{
	width:190px;
	height:90px;
	float: right;
}
.p-info-1{
	color:#686868;
	font:14px "#[QuicksandLight]";
}
.p-info-2{
	color:#bfbfbf;
	font:11px "#[QuicksandLight]";
	margin-top: 3px;
}
.p-info-2 span{
	color: #FF5842;
}
.fifth-right .tt3{ 
	width:300px;
	height:44px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 44px;
	text-indent: 42px;
	background: url(../img/31.png) no-repeat 2px 6px;
	margin-top: 8px;
}
/*tags*/
.tags{
	width:300px;
	height:117px;
}
.tags li{
	background: #ececec;
	float: left;
	margin:3px 0 0 3px;
	cursor: pointer;
	text-align: center;
	line-height:36px;
}
.tags li a{
	color:#9d9d9d;
	font:14px "#[QuicksandLight]";
	text-decoration: none;
}
.tags li a:hover{
	color:#fff;
}
.Art{
	width:45px;
	height:36px;
}
.Art:hover{
	background: #ff5842;
	display: block;
}
.War{
	width:46px;
	height:36px;
}
.War:hover{
	background: #ff5842;
	display: block;
}
.Sport{
	width:61px;
	height:36px;
}
.Sport:hover{
	background: #ff5842;
	display: block;
}
.Shop{
	width:71px;
	height:36px;
}
.Shop:hover{
	background: #ff5842;
	display: block;
}
.Auto{
	width:56px;
	height:36px;
}
.Auto:hover{
	background: #ff5842;
	display: block;
}
.Heal{
	width:61px;
	height:36px;
}
.Heal:hover{
	background: #ff5842;
	display: block;
}
.Techno{
	width:92px;
	height:36px;
}
.Techno:hover{
	background: #ff5842;
	display: block;
}
.Fut{
	width:63px;
	height:36px;
}
.Fut:hover{
	background: #ff5842;
	display: block;
}
.Mus{
	width:58px;
	height:36px;
}
.Mus:hover{
	background: #ff5842;
	display: block;
}
.Weath{
	width:74px;
	height:36px;
}
.Weath:hover{
	background: #ff5842;
	display: block;
}
.Mov{
	width:65px;
	height:36px;
}
.Mov:hover{
	background: #ff5842;
	display: block;
}
.Enviro{
	width:100px;
	height:36px;
}
.Enviro:hover{
	background: #ff5842;
	display: block;
}
.Wa{
	width:46px;
	height:36px;
}
.Wa:hover{
	background: #ff5842;
	display: block;
}
.fifth-right .tt4{ 
	width:300px;
	height:44px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 44px;
	text-indent: 42px;
	background: url(../img/08.tubiao.png) no-repeat 2px 6px;
	margin-top: 10px;
}
.box{
	width:300px;
	height:200px;
	margin-top:5px;	
}
.box img{
	width:300px;
	height:200px;	
}
.fifth-right .tt5{ 
	width:300px;
	height:44px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 44px;
	text-indent: 42px;
	background: url(../img/33.png) no-repeat 2px 6px;
	margin-top: 8px;
}
.twit{
	width:300px;
	height:342px;
}
.twit li{
	cursor: pointer;
	width:263px;
	height:52px;
	color:#686868;
	font:12px "#[QuicksandLight]";
	padding-left: 38px;
	margin-top: 3px;
	padding-top:14px;
	background:#f6f6f6 url(../img/11.gezi.png) no-repeat 2px 20px;
}
.twit li:hover{
	color: #fff;
	background:#50b4e6 /*url(../img/9.png) no-repeat 2px 20px*/;
}
.fifth-right .tt6{ 
	width:300px;
	height:44px;
	color:#686868;
	font:18px "#[QuicksandLight]";
	line-height: 44px;
	text-indent: 42px;
	background: url(../img/37.png) no-repeat 2px 6px;
	margin-top: 8px;
}
.new{
	width:300px;
	height:26px;
	color:#555555;
	font:14px "#[QuicksandLight]";
	margin: 5px 0 0 5px;
}
.search-s{
	width:300px;
	height:45px;
}
.search-s .eml{
	width:210px;
	height:43px;
	border:1px solid #dcdcdc;
	font:14px "#[QuicksandLight]";
	text-indent: 5px;
}
.btn{
	width:87px;
	height:45px;
	font:14px "#[QuicksandLight]";
	margin-left:-5px ;
	color:#fff;
	background: #ff5842;
	border: 0;
}
/*最后部分*/
.last{
	height:263px;
	margin-top: 15px;
}
.last-top{
	height:210px;
	background: #222f35;
}
.top1{
	width:1200px;
	height:263px;
	margin: 15px auto 0;
}
.ul{
	width:340px;
	height:190px;
	margin-right: 180px;
	float: left;
	margin-top: 15px;
}
.dt{
	width:340px;
	height:45px;
	font:18px "#[QuicksandLight]";
	color:#fff;
	line-height: 45px;
	text-indent: 38px;
	background: url(../img/icon.ya.png) no-repeat 2px 6px;
	margin-bottom:16px;
}
.dd{
	width:340px;
	height:20px;
	font:12px "#[QuicksandLight]";
	color:#50656e;
}
.ul1{
	width:130px;
	height:190px;
	float: left;
	margin-left: 80px;
	margin-top: 15px;
}
.dt1{
	width:130px;
	height:45px;
	font:18px "#[QuicksandLight]";
	color:#fff;
	line-height: 45px;
	margin-bottom:16px;
}
.dd1{
	width:130px;
	height:20px;
	font:12px "#[QuicksandLight]";
	color:#50656e;
}
.last-bottom{
	height:52px;
	background: #172125;
}
.bottom1{
	width:1200px;
	height:52px;
	margin: 0 auto;
}
.copy{
	width:245px;
	height:52px;
	font:12px "#[QuicksandLight]";
	color:#50656e;
	line-height: 52px;
	float: left;
}
.logo{
	width:157px;
	height:42px;
	float: right;
	margin-top: 8px;
}
.logo li{
	width:37px;
	height:37px;
	margin-left: 2px;
	float: left;
	
}
